/* 底部通栏导航样式 */
.footer {
  width: 100%;
  height: 1.2rem;
  display: flex;
  justify-content: space-around;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #000;
  /* 高亮的样式 */
}
.footer div {
  height: 100%;
  padding-bottom: 0.14rem;
  box-sizing: border-box;
}
.footer a {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.footer .icon {
  display: block;
  width: 0.42rem;
  height: 0.42rem;
  background-repeat: no-repeat;
  background-size: 0.42rem 0.42rem;
}
.footer .icon1 {
  background-image: url(../images/icon/home_n_icon.png);
}
.footer .icon2 {
  background-image: url(../images/icon/movie_n_icon.png);
}
.footer .icon3 {
  background-image: url(../images/icon/cinema_n_icon.png);
}
.footer .icon4 {
  background-image: url(../images/icon/find_n_icon.png);
}
.footer .icon5 {
  background-image: url(../images/icon/mine_n_icon.png);
}
.footer span {
  font-size: 0.26rem;
  color: #fff;
}
.footer .active .icon1 {
  background-image: url(../images/icon/home_a_icon.png);
}
.footer .active .icon2 {
  background-image: url(../images/icon/movie_a_icon.png);
}
.footer .active .icon3 {
  background-image: url(../images/icon/cinema_a_icon.png);
}
.footer .active .icon4 {
  background-image: url(../images/icon/find_a_icon.png);
}
.footer .active .icon5 {
  background-image: url(../images/icon/mine_a_icon.png);
}
.footer .active span {
  color: #b7191a;
}
